@import '~@/assets/style/variable'
@import '~@/assets/style/common'

.blogList
  color $fontColor
  :global
    section
      ul
        li
          display block
          margin-bottom 40px
          @media screen and (max-width: $smallviewwidth)
            background-color $themeColor
            padding 16px
            margin-bottom 16px
            > a
              &.post-href
                > h2
                  display block
                  font-size 20px
                  line-height 22px
                  width 100%
                  color $redColor

                > div
                  width 100%
                  padding-left 0
                  font-size 14px
                  margin-top 10px
    blockquote
      margin-left 0
    .post-href
      font-size 0
      display block
      h2
        color $fontColor
        vertical-align top
        display inline-block
        font-size 32px
        width 30%
        line-height 40px
        -webkit-margin-before 0
        -webkit-margin-after 0
        &:hover
          color $activeColor
      div
        color $fontColor
        font-size 16px
        line-height 24px
        vertical-align top
        padding-left 10%
        width:70%
        display: inline-block
    .tool-bar
      padding-top 55px
      padding-bottom 55px
      text-align center
      @media screen and (max-width: $smallviewwidth)
        padding-top 0
        padding-bottom 0
      a
        font-size 14px
        font-weight 800
        letter-spacing 1px
        padding 15px 25px
        color $fontColor
        &:hover
          color $activeColor
